<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Sobre | Linkers</title>
	<link rel="stylesheet" type="text/css" href="css/estrutura.css" />
	<script type="text/javascript" src="js/control.js"></script>

	<link rel="icon" href="imgs/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="imgs/favicon.ico"
		type="image/vnd.microsoft.icon" />
</h:head>
<body>


	<div class='center'>

		<div class='inner'>
			<div class='top'>



				<div class='perfil'>
					<img id='perfil' src="user/perfil.jpg" />
				</div>

				<div class='dados'>
					<div class='nome'>
						<h:outputText value="#{usuarioBean.usuarioLogado.nome}" />

						<a href="#opcoes" onclick="PF('dlgopcoes').show();"><img
							src="imgs/seta-info.png" /></a>
					</div>
					<div class='numero'>
						<h:outputText value="#{telefoneBean.telefoneLogadoFormatado}" />

					</div>
					<div>
						<h:form>
							<h:commandLink action="#{usuarioBean.logout()}" value="Logout" />
						</h:form>
					</div>
				</div>

				<div class='logo-linkers'>
					<img src="imgs/linkers-logo.png" />
				</div>
			</div>
		</div>

		<div class='contorno'>

			<div class='meio'>

				<div class='inner'>


					<br />

					<center>
						<p:media value="https://youtube.googleapis.com/v/K7HZTm3JUeg"
							width="750" height="430" player="flash" />

						<div class='logo'>
							<img src="imgs/linkers-logo.png" />
						</div>

						<div class='txt' style="color: #333;">
							Mantenha os seus contatos atualizados <br /> e amigos sempre
							perto. <br /> <br />
						</div>

					</center>

					<br /> <br />


				</div>


			</div>

		</div>


		<div class='inner'>
			<div class='rdp' style='display: block'>
				<div class='menu'>
					<a href="home.xhtml">início</a> 
					<a href="user.xhtml">Busca</a> 
					<a href="sobre.xhtml">Sobre Nós</a> <a href="#">Política</a> 
					<a href="desenvolvedores.xhtml">Desenvolvedores</a>
				</div>
				Copyright&copy; Linkers - 2013 - Inovati Soluções
			</div>
		</div>

	</div>


	<p:dialog header="Configurações" widgetVar="dlgopcoes"
		showEffect="explode" modal="true" hideEffect="bounce" height="100">
		<h:form>
			<p:commandButton value="Editar Informações"
				actionListener="#{utils.redirect('editar')}" ajax="false" />
			<br />
			<p:commandButton value="Cancelar conta"
				actionListener="#{utils.redirect('cancelando')}" ajax="false" />
		</h:form>
	</p:dialog>

</body>
</html>
